#settings
{
    font-family: Tahoma, Verdana, Arial, sans-serif;
    position: absolute;
    right: 50px;
    top: 20px;
    width: 400px;
    border: 1px solid #A2B6C6;
    border-radius: 3px;
    padding: 1px;
    background: #F4F7F9;
    box-shadow: 1px 1px 4px #2e2e2e;
    overflow: hidden;
    z-index: 1000;
}

#settings.hidden {
    -webkit-transition: opacity .25s linear;
    display: none;
}

#settings fieldset
{
    border: none;
    padding: 0;
    margin: 0;
}

#settings legend
{
    display: none;
}

#settings h2
{
    margin: 0;
    font-size: .8em;
    padding: .6em 1.5em;
    background:  -webkit-linear-gradient(top, #E3EAF0, #D8E4EA);
    color: #2B3945;
    text-shadow: #FFF 0 1px 1px;
    border-bottom: 1px solid #A2B6C6;
    border-radius: 3px 3px 0 0;
}

#settings ul
{
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: .7em;
    color: #61778B;
    font-weight: bold;
    text-shadow: #FFF 0 1px 1px;
}

#settings li
{
    background: #FFF;
    overflow: hidden;
    padding: 1em .5em;
    border-bottom: 1px solid #E8F0F5;
}
#settings label, #settings input, #settings output
{
    float: left;
    height: 21px;
    line-height: 21px;
    margin: 0 1em 0 0;
}
#settings label
{
    width: 20px;
}
#settings input
{
    width: 315px;
}
#settings output
{
    margin: 0;
    width: 30px;
}

#settings .submit-container
{
    background: #FFF;
    overflow: hidden;
    padding: .5em 1em;
}

#settings #submit
{
    height: 30px;
    line-height: 30px;
    text-shadow: #0062BA 0 1px 1px;
    border: 1px solid #2CA3DB;
    width: 70px;
    border: none;
    border-radius: 3px;
    background:  -webkit-linear-gradient(top, #00A7F3, #114697);
    float: right;
    color: #EAEEF2;
    font-weight: bold;
    font-size: .7em;
}
